<template>
    <div class="schoolManagementListBox">
        <el-tabs v-model="activeName" @tab-click="handleClick">
            <el-tab-pane label="学校概括" name="schoolSummarized">
                <el-tabs tab-position="left" style="height: 714px;">
                    <el-tab-pane label="学校简介">
                        <div class="classArticle">
                            <div class="title clearFix">
                                <label>学校简介</label>
                                <el-button type="text" @click="isAllChen=true" v-if="!isAllChen">管理文章</el-button>
                                <el-button type="text" v-if="isAllChen" @click="isAllChen=false" style="margin-right: 12px;">退出管理</el-button>

                                <el-checkbox v-if="isAllChen"  :indeterminate="true">全选</el-checkbox>

                                <el-button v-if="isAllChen" type="text">删除</el-button>

                                <el-button type="primary" class="addBtn" size="mini" @click="isEdit=true">增加</el-button>
                            </div>
                            <div class="warpBox">
                                <div class="warp clearFix" v-for="item in 15" :key="item">
                                    <div class="articleTitle">
                                        <el-checkbox v-if="isAllChen" style="margin-right: 15px;"></el-checkbox>
                                        <label>家庭作业{{item}}</label>
                                    </div>
                                    <div class="timeBtn">
                                        <label>2025-5-20</label>
                                        <el-button type="primary" plain size="mini" @click="isEdit=true">编辑</el-button>
                                        <el-button type="danger" plain size="mini">删除</el-button>
                                    </div>
                                </div>
                            </div>
                        </div>

                        <div class="block">
                            <el-pagination
                                    background
                                    @size-change="handleSizeChange"
                                    @current-change="handleCurrentChange"
                                    :current-page="currentPage"
                                    :page-sizes="[100, 200, 300, 400]"
                                    :page-size="100"
                                    layout="total, sizes, prev, pager, next, jumper"
                                    :total="400">
                            </el-pagination>
                        </div>

                    </el-tab-pane>
                    <el-tab-pane label="师资队伍">
                        <div class="classAlbum">
                            <!--浏览相册组  start-->
                            <div v-if="!isAlbumEdit" class="title clerFix">
                                <label>师资队伍</label>
                                <el-button type="text" @click="uploadPhotos=true">上传照片</el-button>
                                <el-button type="primary" class="addBtn" size="mini" @click="addAlbum=true">增加</el-button>
                            </div>

                            <ul v-if="!isAlbumEdit" class="albumWarp clearFix">
                                <li class="albumList" v-for="item in imgUrl" :key="item.id">
                                    <div class="imgBox">
                                        <el-image :src="item.src">
                                            <div slot="placeholder" class="image-slot">
                                                加载中<span class="dot">...</span>
                                            </div>
                                            <div slot="error" class="image-slot">
                                                <i class="el-icon-picture-outline"></i>
                                            </div>
                                        </el-image>
                                        <div class="btnZu clearFix">
                                            <el-button type="primary" size="mini" @click="isAlbumEdit=true" plain>编 辑</el-button>
                                            <el-button type="danger" size="mini" class="delete" plain>删 除</el-button>
                                        </div>
                                    </div>
                                    <label>班级萌宠</label>
                                </li>
                            </ul>
                            <!--浏览相册组  end-->

                            <!--浏览相册  start-->
                            <div v-if="isAlbumEdit"  class="coverWarp clearFix">
                                <div class="cover clearFix">
                                    <div class="coverImg">
                                        <el-image :src="imgUrl[0].src">
                                            <div slot="placeholder" class="image-slot">
                                                加载中<span class="dot">...</span>
                                            </div>
                                            <div slot="error" class="image-slot">
                                                <i class="el-icon-picture-outline"></i>
                                            </div>
                                        </el-image>
                                    </div>

                                    <div class="coverName">
                                        <label>班级萌宠</label>
                                        <el-button type="primary" size="mini" @click="uploadPhotos=true">上传照片</el-button>
                                    </div>

                                </div>
                                <el-button type="primary" class="addBtn" size="mini" @click="isAlbumEdit=false">保存</el-button>
                            </div>

                            <ul v-if="isAlbumEdit" class="albumWarp clearFix">
                                <li class="albumList" v-for="item in imgUrl" :key="item.id">
                                    <div class="imgBox">
                                        <el-image :src="item.src">
                                            <div slot="placeholder" class="image-slot">
                                                加载中<span class="dot">...</span>
                                            </div>
                                            <div slot="error" class="image-slot">
                                                <i class="el-icon-picture-outline"></i>
                                            </div>
                                        </el-image>
                                        <div class="btnZu clearFix">
                                            <el-button type="primary" size="mini" plain>设为封面</el-button>
                                            <el-button type="danger" size="mini" class="delete" plain>删 除</el-button>
                                        </div>
                                    </div>
                                </li>
                            </ul>
                            <!--浏览相册组  end-->
                        </div>

                        <div class="block">
                            <el-pagination
                                    background
                                    @size-change="handleSizeChange"
                                    @current-change="handleCurrentChange"
                                    :current-page="currentPage"
                                    :page-sizes="[100, 200, 300, 400]"
                                    :page-size="100"
                                    layout="total, sizes, prev, pager, next, jumper"
                                    :total="400">
                            </el-pagination>
                        </div>

                    </el-tab-pane>
                    <el-tab-pane label="学校相册">
                        <div class="classAlbum">
                            <!--浏览相册组  start-->
                            <div v-if="!isAlbumEdit" class="title clearFix">
                                <label>学校相册</label>
                                <el-button type="text" @click="uploadPhotos=true">上传照片</el-button>
                                <el-button type="primary" class="addBtn" size="mini" @click="addAlbum = true">增加</el-button>
                            </div>

                            <ul v-if="!isAlbumEdit" class="albumWarp clearFix">
                                <li class="albumList" v-for="item in imgUrl" :key="item.id">
                                    <div class="imgBox">
                                        <el-image :src="item.src">
                                            <div slot="placeholder" class="image-slot">
                                                加载中<span class="dot">...</span>
                                            </div>
                                            <div slot="error" class="image-slot">
                                                <i class="el-icon-picture-outline"></i>
                                            </div>
                                        </el-image>
                                        <div class="btnZu clearFix">
                                            <el-button type="primary" size="mini" @click="isAlbumEdit=true" plain>编 辑</el-button>
                                            <el-button type="danger" size="mini" class="delete" plain>删 除</el-button>
                                        </div>
                                    </div>
                                    <label>班级萌宠</label>
                                </li>
                            </ul>
                            <!--浏览相册组  end-->

                            <!--浏览相册  start-->
                            <div v-if="isAlbumEdit"  class="coverWarp clearFix">
                                <div class="cover clearFix">
                                    <div class="coverImg">
                                        <el-image :src="imgUrl[0].src">
                                            <div slot="placeholder" class="image-slot">
                                                加载中<span class="dot">...</span>
                                            </div>
                                            <div slot="error" class="image-slot">
                                                <i class="el-icon-picture-outline"></i>
                                            </div>
                                        </el-image>
                                    </div>

                                    <div class="coverName">
                                        <label>班级萌宠</label>
                                        <el-button type="primary" size="mini" @click="uploadPhotos=true">上传照片</el-button>
                                    </div>

                                </div>
                                <el-button type="primary" class="addBtn" size="mini" @click="isAlbumEdit=false">保存</el-button>
                            </div>

                            <ul v-if="isAlbumEdit" class="albumWarp clearFix">
                                <li class="albumList" v-for="item in imgUrl" :key="item.id">
                                    <div class="imgBox">
                                        <el-image :src="item.src">
                                            <div slot="placeholder" class="image-slot">
                                                加载中<span class="dot">...</span>
                                            </div>
                                            <div slot="error" class="image-slot">
                                                <i class="el-icon-picture-outline"></i>
                                            </div>
                                        </el-image>
                                        <div class="btnZu clearFix">
                                            <el-button type="primary" size="mini" plain>设为封面</el-button>
                                            <el-button type="danger" size="mini" class="delete" plain>删 除</el-button>
                                        </div>
                                    </div>
                                </li>
                            </ul>
                            <!--浏览相册组  end-->
                        </div>

                        <div class="block">
                            <el-pagination
                                    background
                                    @size-change="handleSizeChange"
                                    @current-change="handleCurrentChange"
                                    :current-page="currentPage"
                                    :page-sizes="[100, 200, 300, 400]"
                                    :page-size="100"
                                    layout="total, sizes, prev, pager, next, jumper"
                                    :total="400">
                            </el-pagination>
                        </div>
                    </el-tab-pane>
                    <el-tab-pane label="学校成果">
                        <div class="classArticle">
                            <div class="title clearFix">
                                <label>学校成果</label>
                                <el-button type="text" @click="isAllChen=true" v-if="!isAllChen">管理文章</el-button>
                                <el-button type="text" v-if="isAllChen" @click="isAllChen=false" style="margin-right: 12px;">退出管理</el-button>

                                <el-checkbox v-if="isAllChen"  :indeterminate="true">全选</el-checkbox>

                                <el-button v-if="isAllChen" type="text">删除</el-button>

                                <el-button type="primary" class="addBtn" size="mini" @click="isEdit=true">增加</el-button>
                            </div>
                            <div class="warpBox">
                                <div class="warp clearFix" v-for="item in 15" :key="item">
                                    <div class="articleTitle">
                                        <el-checkbox v-if="isAllChen" style="margin-right: 15px;"></el-checkbox>
                                        <label>家庭作业瞎搞*{{item}}</label>
                                    </div>
                                    <div class="timeBtn">
                                        <label>2025-5-20</label>
                                        <el-button type="primary" plain size="mini" @click="isEdit=true">编辑</el-button>
                                        <el-button type="danger" plain size="mini">删除</el-button>
                                    </div>
                                </div>
                            </div>
                        </div>

                        <div class="block">
                            <el-pagination
                                    background
                                    @size-change="handleSizeChange"
                                    @current-change="handleCurrentChange"
                                    :current-page="currentPage"
                                    :page-sizes="[100, 200, 300, 400]"
                                    :page-size="100"
                                    layout="total, sizes, prev, pager, next, jumper"
                                    :total="400">
                            </el-pagination>
                        </div>
                    </el-tab-pane>
                    <el-tab-pane label="领导风采">
                        <div class="classAlbum">
                            <!--浏览相册组  start-->
                            <div v-if="!isAlbumEdit" class="title clerFix">
                                <label>领导风采</label>
                                <el-button type="text">上传照片</el-button>
                                <el-button type="primary" class="addBtn" size="mini">增加</el-button>
                            </div>

                            <ul v-if="!isAlbumEdit" class="albumWarp clearFix">
                                <li class="albumList" v-for="item in imgUrl" :key="item.id">
                                    <div class="imgBox">
                                        <el-image :src="item.src">
                                            <div slot="placeholder" class="image-slot">
                                                加载中<span class="dot">...</span>
                                            </div>
                                            <div slot="error" class="image-slot">
                                                <i class="el-icon-picture-outline"></i>
                                            </div>
                                        </el-image>
                                        <div class="btnZu clearFix">
                                            <el-button type="primary" size="mini" @click="isAlbumEdit=true" plain>编 辑</el-button>
                                            <el-button type="danger" size="mini" class="delete" plain>删 除</el-button>
                                        </div>
                                    </div>
                                    <label>班级萌宠</label>
                                </li>
                            </ul>
                            <!--浏览相册组  end-->

                            <!--浏览相册  start-->
                            <div v-if="isAlbumEdit"  class="coverWarp clearFix">
                                <div class="cover clearFix">
                                    <div class="coverImg">
                                        <el-image :src="imgUrl[0].src">
                                            <div slot="placeholder" class="image-slot">
                                                加载中<span class="dot">...</span>
                                            </div>
                                            <div slot="error" class="image-slot">
                                                <i class="el-icon-picture-outline"></i>
                                            </div>
                                        </el-image>
                                    </div>

                                    <div class="coverName">
                                        <label>班级萌宠</label>
                                        <el-button type="primary" size="mini">上传照片</el-button>
                                    </div>

                                </div>
                                <el-button type="primary" class="addBtn" size="mini" @click="isAlbumEdit=false">保存</el-button>
                            </div>

                            <ul v-if="isAlbumEdit" class="albumWarp clearFix">
                                <li class="albumList" v-for="item in imgUrl" :key="item.id">
                                    <div class="imgBox">
                                        <el-image :src="item.src">
                                            <div slot="placeholder" class="image-slot">
                                                加载中<span class="dot">...</span>
                                            </div>
                                            <div slot="error" class="image-slot">
                                                <i class="el-icon-picture-outline"></i>
                                            </div>
                                        </el-image>
                                        <div class="btnZu clearFix">
                                            <el-button type="primary" size="mini" plain>设为封面</el-button>
                                            <el-button type="danger" size="mini" class="delete" plain>删 除</el-button>
                                        </div>
                                    </div>
                                </li>
                            </ul>
                            <!--浏览相册组  end-->
                        </div>

                        <div class="block">
                            <el-pagination
                                    background
                                    @size-change="handleSizeChange"
                                    @current-change="handleCurrentChange"
                                    :current-page="currentPage"
                                    :page-sizes="[100, 200, 300, 400]"
                                    :page-size="100"
                                    layout="total, sizes, prev, pager, next, jumper"
                                    :total="400">
                            </el-pagination>
                        </div>
                    </el-tab-pane>
                </el-tabs>
            </el-tab-pane>
            <el-tab-pane label="教师园地" name="teachersGarden">
                <el-tabs tab-position="left" style="height: 714px;">
                    <el-tab-pane label="教师文章">
                        <div class="classArticle">
                            <div class="title clearFix">
                                <label>教师文章</label>
                                <el-button type="text" @click="isAllChen=true" v-if="!isAllChen">管理文章</el-button>
                                <el-button type="text" v-if="isAllChen" @click="isAllChen=false" style="margin-right: 12px;">退出管理</el-button>

                                <el-checkbox v-if="isAllChen"  :indeterminate="true">全选</el-checkbox>

                                <el-button v-if="isAllChen" type="text">删除</el-button>

                                <el-button type="primary" class="addBtn" size="mini" @click="isEdit=true">增加</el-button>
                            </div>
                            <div class="warpBox">
                                <div class="warp clearFix" v-for="item in 15" :key="item">
                                    <div class="articleTitle">
                                        <el-checkbox v-if="isAllChen" style="margin-right: 15px;"></el-checkbox>
                                        <label>家庭作业{{item}}</label>
                                    </div>
                                    <div class="timeBtn">
                                        <label>2025-5-20</label>
                                        <el-button type="primary" plain size="mini" @click="isEdit=true">编辑</el-button>
                                        <el-button type="danger" plain size="mini">删除</el-button>
                                    </div>
                                </div>
                            </div>
                        </div>

                        <div class="block">
                            <el-pagination
                                    background
                                    @size-change="handleSizeChange"
                                    @current-change="handleCurrentChange"
                                    :current-page="currentPage"
                                    :page-sizes="[100, 200, 300, 400]"
                                    :page-size="100"
                                    layout="total, sizes, prev, pager, next, jumper"
                                    :total="400">
                            </el-pagination>
                        </div>

                    </el-tab-pane>
                    <el-tab-pane label="教师荣誉">

                        <div class="classArticle">
                            <div class="title clearFix">
                                <label>教师荣誉</label>
                                <el-button type="text" @click="isAllChen=true" v-if="!isAllChen">管理文章</el-button>
                                <el-button type="text" v-if="isAllChen" @click="isAllChen=false" style="margin-right: 12px;">退出管理</el-button>

                                <el-checkbox v-if="isAllChen"  :indeterminate="true">全选</el-checkbox>

                                <el-button v-if="isAllChen" type="text">删除</el-button>

                                <el-button type="primary" class="addBtn" size="mini" @click="isEdit=true">增加</el-button>
                            </div>
                            <div class="warpBox">
                                <div class="warp clearFix" v-for="item in 15" :key="item">
                                    <div class="articleTitle">
                                        <el-checkbox v-if="isAllChen" style="margin-right: 15px;"></el-checkbox>
                                        <label>家庭作业{{item}}</label>
                                    </div>
                                    <div class="timeBtn">
                                        <label>2025-5-20</label>
                                        <el-button type="primary" plain size="mini" @click="isEdit=true">编辑</el-button>
                                        <el-button type="danger" plain size="mini">删除</el-button>
                                    </div>
                                </div>
                            </div>
                        </div>

                        <div class="block">
                            <el-pagination
                                    background
                                    @size-change="handleSizeChange"
                                    @current-change="handleCurrentChange"
                                    :current-page="currentPage"
                                    :page-sizes="[100, 200, 300, 400]"
                                    :page-size="100"
                                    layout="total, sizes, prev, pager, next, jumper"
                                    :total="400">
                            </el-pagination>
                        </div>

                    </el-tab-pane>
                </el-tabs>
            </el-tab-pane>
            <el-tab-pane label="教育研究" name="educationResearch">
                <el-tabs tab-position="left" style="height: 714px;">
                    <el-tab-pane label="教研活动">
                        <div class="classArticle">
                            <div class="title clearFix">
                                <label>教研活动</label>
                                <el-button type="text" @click="isAllChen=true" v-if="!isAllChen">管理文章</el-button>
                                <el-button type="text" v-if="isAllChen" @click="isAllChen=false" style="margin-right: 12px;">退出管理</el-button>

                                <el-checkbox v-if="isAllChen"  :indeterminate="true">全选</el-checkbox>

                                <el-button v-if="isAllChen" type="text">删除</el-button>

                                <el-button type="primary" class="addBtn" size="mini" @click="isEdit=true">增加</el-button>
                            </div>
                            <div class="warpBox">
                                <div class="warp clearFix" v-for="item in 15" :key="item">
                                    <div class="articleTitle">
                                        <el-checkbox v-if="isAllChen" style="margin-right: 15px;"></el-checkbox>
                                        <label>家庭作业{{item}}</label>
                                    </div>
                                    <div class="timeBtn">
                                        <label>2025-5-20</label>
                                        <el-button type="primary" plain size="mini" @click="isEdit=true">编辑</el-button>
                                        <el-button type="danger" plain size="mini">删除</el-button>
                                    </div>
                                </div>
                            </div>
                        </div>

                        <div class="block">
                            <el-pagination
                                    background
                                    @size-change="handleSizeChange"
                                    @current-change="handleCurrentChange"
                                    :current-page="currentPage"
                                    :page-sizes="[100, 200, 300, 400]"
                                    :page-size="100"
                                    layout="total, sizes, prev, pager, next, jumper"
                                    :total="400">
                            </el-pagination>
                        </div>

                    </el-tab-pane>
                    <el-tab-pane label="教学设计">

                        <div class="classArticle">
                            <div class="title clearFix">
                                <label>教学设计</label>
                                <el-button type="text" @click="isAllChen=true" v-if="!isAllChen">管理文章</el-button>
                                <el-button type="text" v-if="isAllChen" @click="isAllChen=false" style="margin-right: 12px;">退出管理</el-button>

                                <el-checkbox v-if="isAllChen"  :indeterminate="true">全选</el-checkbox>

                                <el-button v-if="isAllChen" type="text">删除</el-button>

                                <el-button type="primary" class="addBtn" size="mini" @click="isEdit=true">增加</el-button>
                            </div>
                            <div class="warpBox">
                                <div class="warp clearFix" v-for="item in 15" :key="item">
                                    <div class="articleTitle">
                                        <el-checkbox v-if="isAllChen" style="margin-right: 15px;"></el-checkbox>
                                        <label>家庭作业{{item}}</label>
                                    </div>
                                    <div class="timeBtn">
                                        <label>2025-5-20</label>
                                        <el-button type="primary" plain size="mini" @click="isEdit=true">编辑</el-button>
                                        <el-button type="danger" plain size="mini">删除</el-button>
                                    </div>
                                </div>
                            </div>
                        </div>

                        <div class="block">
                            <el-pagination
                                    background
                                    @size-change="handleSizeChange"
                                    @current-change="handleCurrentChange"
                                    :current-page="currentPage"
                                    :page-sizes="[100, 200, 300, 400]"
                                    :page-size="100"
                                    layout="total, sizes, prev, pager, next, jumper"
                                    :total="400">
                            </el-pagination>
                        </div>

                    </el-tab-pane>
                    <el-tab-pane label="课题研讨">

                        <div class="classArticle">
                            <div class="title clearFix">
                                <label>课题研讨</label>
                                <el-button type="text" @click="isAllChen=true" v-if="!isAllChen">管理文章</el-button>
                                <el-button type="text" v-if="isAllChen" @click="isAllChen=false" style="margin-right: 12px;">退出管理</el-button>

                                <el-checkbox v-if="isAllChen"  :indeterminate="true">全选</el-checkbox>

                                <el-button v-if="isAllChen" type="text">删除</el-button>

                                <el-button type="primary" class="addBtn" size="mini" @click="isEdit=true">增加</el-button>
                            </div>
                            <div class="warpBox">
                                <div class="warp clearFix" v-for="item in 15" :key="item">
                                    <div class="articleTitle">
                                        <el-checkbox v-if="isAllChen" style="margin-right: 15px;"></el-checkbox>
                                        <label>家庭作业{{item}}</label>
                                    </div>
                                    <div class="timeBtn">
                                        <label>2025-5-20</label>
                                        <el-button type="primary" plain size="mini" @click="isEdit=true">编辑</el-button>
                                        <el-button type="danger" plain size="mini">删除</el-button>
                                    </div>
                                </div>
                            </div>
                        </div>

                        <div class="block">
                            <el-pagination
                                    background
                                    @size-change="handleSizeChange"
                                    @current-change="handleCurrentChange"
                                    :current-page="currentPage"
                                    :page-sizes="[100, 200, 300, 400]"
                                    :page-size="100"
                                    layout="total, sizes, prev, pager, next, jumper"
                                    :total="400">
                            </el-pagination>
                        </div>

                    </el-tab-pane>
                </el-tabs>
            </el-tab-pane>
            <el-tab-pane label="党建之窗" name="windowParty">
                <el-tabs tab-position="left" style="height: 714px;">
                    <el-tab-pane label="党建动态">
                        <div class="classArticle">
                            <div class="title clearFix">
                                <label>党建动态</label>
                                <el-button type="text" @click="isAllChen=true" v-if="!isAllChen">管理文章</el-button>
                                <el-button type="text" v-if="isAllChen" @click="isAllChen=false" style="margin-right: 12px;">退出管理</el-button>

                                <el-checkbox v-if="isAllChen"  :indeterminate="true">全选</el-checkbox>

                                <el-button v-if="isAllChen" type="text">删除</el-button>

                                <el-button type="primary" class="addBtn" size="mini" @click="isEdit=true">增加</el-button>
                            </div>
                            <div class="warpBox">
                                <div class="warp clearFix" v-for="item in 15" :key="item">
                                    <div class="articleTitle">
                                        <el-checkbox v-if="isAllChen" style="margin-right: 15px;"></el-checkbox>
                                        <label>家庭作业{{item}}</label>
                                    </div>
                                    <div class="timeBtn">
                                        <label>2025-5-20</label>
                                        <el-button type="primary" plain size="mini" @click="isEdit=true">编辑</el-button>
                                        <el-button type="danger" plain size="mini">删除</el-button>
                                    </div>
                                </div>
                            </div>
                        </div>

                        <div class="block">
                            <el-pagination
                                    background
                                    @size-change="handleSizeChange"
                                    @current-change="handleCurrentChange"
                                    :current-page="currentPage"
                                    :page-sizes="[100, 200, 300, 400]"
                                    :page-size="100"
                                    layout="total, sizes, prev, pager, next, jumper"
                                    :total="400">
                            </el-pagination>
                        </div>

                    </el-tab-pane>
                    <el-tab-pane label="政治学习">

                        <div class="classArticle">
                            <div class="title clearFix">
                                <label>政治学习</label>
                                <el-button type="text" @click="isAllChen=true" v-if="!isAllChen">管理文章</el-button>
                                <el-button type="text" v-if="isAllChen" @click="isAllChen=false" style="margin-right: 12px;">退出管理</el-button>

                                <el-checkbox v-if="isAllChen"  :indeterminate="true">全选</el-checkbox>

                                <el-button v-if="isAllChen" type="text">删除</el-button>

                                <el-button type="primary" class="addBtn" size="mini">增加</el-button>
                            </div>
                            <div class="warpBox">
                                <div class="warp clearFix" v-for="item in 15" :key="item">
                                    <div class="articleTitle">
                                        <el-checkbox v-if="isAllChen" style="margin-right: 15px;"></el-checkbox>
                                        <label>家庭作业{{item}}</label>
                                    </div>
                                    <div class="timeBtn">
                                        <label>2025-5-20</label>
                                        <el-button type="primary" plain size="mini" >编辑</el-button>
                                        <el-button type="danger" plain size="mini">删除</el-button>
                                    </div>
                                </div>
                            </div>
                        </div>

                        <div class="block">
                            <el-pagination
                                    background
                                    @size-change="handleSizeChange"
                                    @current-change="handleCurrentChange"
                                    :current-page="currentPage"
                                    :page-sizes="[100, 200, 300, 400]"
                                    :page-size="100"
                                    layout="total, sizes, prev, pager, next, jumper"
                                    :total="400">
                            </el-pagination>
                        </div>

                    </el-tab-pane>
                    <el-tab-pane label="党员风采">

                        <div class="classArticle">
                            <div class="title clearFix">
                                <label>党员风采</label>
                                <el-button type="text" @click="isAllChen=true" v-if="!isAllChen">管理文章</el-button>
                                <el-button type="text" v-if="isAllChen" @click="isAllChen=false" style="margin-right: 12px;">退出管理</el-button>

                                <el-checkbox v-if="isAllChen"  :indeterminate="true">全选</el-checkbox>

                                <el-button v-if="isAllChen" type="text">删除</el-button>

                                <el-button type="primary" class="addBtn" size="mini">增加</el-button>
                            </div>
                            <div class="warpBox">
                                <div class="warp clearFix" v-for="item in 15" :key="item">
                                    <div class="articleTitle">
                                        <el-checkbox v-if="isAllChen" style="margin-right: 15px;"></el-checkbox>
                                        <label>家庭作业{{item}}</label>
                                    </div>
                                    <div class="timeBtn">
                                        <label>2025-5-20</label>
                                        <el-button type="primary" plain size="mini" >编辑</el-button>
                                        <el-button type="danger" plain size="mini">删除</el-button>
                                    </div>
                                </div>
                            </div>
                        </div>

                        <div class="block">
                            <el-pagination
                                    background
                                    @size-change="handleSizeChange"
                                    @current-change="handleCurrentChange"
                                    :current-page="currentPage"
                                    :page-sizes="[100, 200, 300, 400]"
                                    :page-size="100"
                                    layout="total, sizes, prev, pager, next, jumper"
                                    :total="400">
                            </el-pagination>
                        </div>

                    </el-tab-pane>
                    <el-tab-pane label="工会活动">

                        <div class="classArticle">
                            <div class="title clearFix">
                                <label>工会活动</label>
                                <el-button type="text" @click="isAllChen=true" v-if="!isAllChen">管理文章</el-button>
                                <el-button type="text" v-if="isAllChen" @click="isAllChen=false" style="margin-right: 12px;">退出管理</el-button>

                                <el-checkbox v-if="isAllChen"  :indeterminate="true">全选</el-checkbox>

                                <el-button v-if="isAllChen" type="text">删除</el-button>

                                <el-button type="primary" class="addBtn" size="mini">增加</el-button>
                            </div>
                            <div class="warpBox">
                                <div class="warp clearFix" v-for="item in 15" :key="item">
                                    <div class="articleTitle">
                                        <el-checkbox v-if="isAllChen" style="margin-right: 15px;"></el-checkbox>
                                        <label>家庭作业{{item}}</label>
                                    </div>
                                    <div class="timeBtn">
                                        <label>2025-5-20</label>
                                        <el-button type="primary" plain size="mini" >编辑</el-button>
                                        <el-button type="danger" plain size="mini">删除</el-button>
                                    </div>
                                </div>
                            </div>
                        </div>

                        <div class="block">
                            <el-pagination
                                    background
                                    @size-change="handleSizeChange"
                                    @current-change="handleCurrentChange"
                                    :current-page="currentPage"
                                    :page-sizes="[100, 200, 300, 400]"
                                    :page-size="100"
                                    layout="total, sizes, prev, pager, next, jumper"
                                    :total="400">
                            </el-pagination>
                        </div>

                    </el-tab-pane>
                </el-tabs>
            </el-tab-pane>
            <el-tab-pane label="学校资源" name="schoolResources">
                <div class="resourcesWarp">
                    <div class="title clearFix">
                        <label>学校资源</label>
                        <el-button type="text" v-if="!isShow" @click="isShow=true">资源管理</el-button>
                        <el-button type="text" v-if="isShow" style="margin-right: 12px;" @click="isShow=false">退出管理</el-button>

                        <el-checkbox v-if="isShow" :indeterminate="true">全选</el-checkbox>

                        <el-button v-if="isShow" type="text">删除</el-button>

                        <div class="addBtn">
                            <el-button plain size="mini">审核</el-button>
                            <el-button plain size="mini" @click="isResources=true">新增资源</el-button>
                        </div>
                    </div>

                    <div class="resources">
                        <div class="resourcesList">
                            <el-checkbox v-if="isShow" class="checked"></el-checkbox>
                            <div class="typeName">
                                <span>教案</span>
                                <label>湖南二小语文二课时教案</label>
                            </div>
                            <div class="tiemWarp">
                                <label>上传于：2020-4-31 <span>00：45</span> </label>
                                <label>类型：教案</label>
                                <label>上传者：湖南二小</label>
                            </div>
                            <div class="download">
                                <el-button type="danger" plain size="mini">删除</el-button>
                            </div>
                        </div>
                    </div>

                </div>
            </el-tab-pane>
            <el-tab-pane label="学生天地" name="studentsEarth">
                <el-tabs tab-position="left" style="height: 714px;">
                    <el-tab-pane label="校园生活">
                        <div class="classArticle">
                            <div class="title clearFix">
                                <label>校园生活</label>
                                <el-button type="text" @click="isAllChen=true" v-if="!isAllChen">管理文章</el-button>
                                <el-button type="text" v-if="isAllChen" @click="isAllChen=false" style="margin-right: 12px;">退出管理</el-button>

                                <el-checkbox v-if="isAllChen"  :indeterminate="true">全选</el-checkbox>

                                <el-button v-if="isAllChen" type="text">删除</el-button>

                                <el-button type="primary" class="addBtn" size="mini">增加</el-button>
                            </div>
                            <div class="warpBox">
                                <div class="warp clearFix" v-for="item in 15" :key="item">
                                    <div class="articleTitle">
                                        <el-checkbox v-if="isAllChen" style="margin-right: 15px;"></el-checkbox>
                                        <label>家庭作业{{item}}</label>
                                    </div>
                                    <div class="timeBtn">
                                        <label>2025-5-20</label>
                                        <el-button type="primary" plain size="mini" >编辑</el-button>
                                        <el-button type="danger" plain size="mini">删除</el-button>
                                    </div>
                                </div>
                            </div>
                        </div>

                        <div class="block">
                            <el-pagination
                                    background
                                    @size-change="handleSizeChange"
                                    @current-change="handleCurrentChange"
                                    :current-page="currentPage"
                                    :page-sizes="[100, 200, 300, 400]"
                                    :page-size="100"
                                    layout="total, sizes, prev, pager, next, jumper"
                                    :total="400">
                            </el-pagination>
                        </div>

                    </el-tab-pane>
                    <el-tab-pane label="学生荣誉">

                        <div class="classArticle">
                            <div class="title clearFix">
                                <label>学生荣誉</label>
                                <el-button type="text" @click="isAllChen=true" v-if="!isAllChen">管理文章</el-button>
                                <el-button type="text" v-if="isAllChen" @click="isAllChen=false" style="margin-right: 12px;">退出管理</el-button>

                                <el-checkbox v-if="isAllChen"  :indeterminate="true">全选</el-checkbox>

                                <el-button v-if="isAllChen" type="text">删除</el-button>

                                <el-button type="primary" class="addBtn" size="mini">增加</el-button>
                            </div>
                            <div class="warpBox">
                                <div class="warp clearFix" v-for="item in 15" :key="item">
                                    <div class="articleTitle">
                                        <el-checkbox v-if="isAllChen" style="margin-right: 15px;"></el-checkbox>
                                        <label>家庭作业{{item}}</label>
                                    </div>
                                    <div class="timeBtn">
                                        <label>2025-5-20</label>
                                        <el-button type="primary" plain size="mini" >编辑</el-button>
                                        <el-button type="danger" plain size="mini">删除</el-button>
                                    </div>
                                </div>
                            </div>
                        </div>

                        <div class="block">
                            <el-pagination
                                    background
                                    @size-change="handleSizeChange"
                                    @current-change="handleCurrentChange"
                                    :current-page="currentPage"
                                    :page-sizes="[100, 200, 300, 400]"
                                    :page-size="100"
                                    layout="total, sizes, prev, pager, next, jumper"
                                    :total="400">
                            </el-pagination>
                        </div>

                    </el-tab-pane>
                    <el-tab-pane label="学生作品册">
                        <div class="classAlbum">
                            <!--浏览相册组  start-->
                            <div v-if="!isAlbumEdit" class="title clerFix">
                                <label>学生作品册</label>
                                <el-button type="text">上传照片</el-button>
                                <el-button type="primary" class="addBtn" size="mini">增加</el-button>
                            </div>

                            <ul v-if="!isAlbumEdit" class="albumWarp clearFix">
                                <li class="albumList" v-for="item in imgUrl" :key="item.id">
                                    <div class="imgBox">
                                        <el-image :src="item.src">
                                            <div slot="placeholder" class="image-slot">
                                                加载中<span class="dot">...</span>
                                            </div>
                                            <div slot="error" class="image-slot">
                                                <i class="el-icon-picture-outline"></i>
                                            </div>
                                        </el-image>
                                        <div class="btnZu clearFix">
                                            <el-button type="primary" size="mini" @click="isAlbumEdit=true" plain>编 辑</el-button>
                                            <el-button type="danger" size="mini" class="delete" plain>删 除</el-button>
                                        </div>
                                    </div>
                                    <label>班级萌宠</label>
                                </li>
                            </ul>
                            <!--浏览相册组  end-->

                            <!--浏览相册  start-->
                            <div v-if="isAlbumEdit"  class="coverWarp clearFix">
                                <div class="cover clearFix">
                                    <div class="coverImg">
                                        <el-image :src="imgUrl[0].src">
                                            <div slot="placeholder" class="image-slot">
                                                加载中<span class="dot">...</span>
                                            </div>
                                            <div slot="error" class="image-slot">
                                                <i class="el-icon-picture-outline"></i>
                                            </div>
                                        </el-image>
                                    </div>

                                    <div class="coverName">
                                        <label>班级萌宠</label>
                                        <el-button type="primary" size="mini">上传照片</el-button>
                                    </div>

                                </div>
                                <el-button type="primary" class="addBtn" size="mini" @click="isAlbumEdit=false">保存</el-button>
                            </div>

                            <ul v-if="isAlbumEdit" class="albumWarp clearFix">
                                <li class="albumList" v-for="item in imgUrl" :key="item.id">
                                    <div class="imgBox">
                                        <el-image :src="item.src">
                                            <div slot="placeholder" class="image-slot">
                                                加载中<span class="dot">...</span>
                                            </div>
                                            <div slot="error" class="image-slot">
                                                <i class="el-icon-picture-outline"></i>
                                            </div>
                                        </el-image>
                                        <div class="btnZu clearFix">
                                            <el-button type="primary" size="mini" plain>设为封面</el-button>
                                            <el-button type="danger" size="mini" class="delete" plain>删 除</el-button>
                                        </div>
                                    </div>
                                </li>
                            </ul>
                            <!--浏览相册组  end-->
                        </div>

                        <div class="block">
                            <el-pagination
                                    background
                                    @size-change="handleSizeChange"
                                    @current-change="handleCurrentChange"
                                    :current-page="currentPage"
                                    :page-sizes="[100, 200, 300, 400]"
                                    :page-size="100"
                                    layout="total, sizes, prev, pager, next, jumper"
                                    :total="400">
                            </el-pagination>
                        </div>

                    </el-tab-pane>
                    <el-tab-pane label="国旗下的讲话">

                        <div class="classArticle">
                            <div class="title clearFix">
                                <label>国旗下的讲话</label>
                                <el-button type="text" @click="isAllChen=true" v-if="!isAllChen">管理文章</el-button>
                                <el-button type="text" v-if="isAllChen" @click="isAllChen=false" style="margin-right: 12px;">退出管理</el-button>

                                <el-checkbox v-if="isAllChen"  :indeterminate="true">全选</el-checkbox>

                                <el-button v-if="isAllChen" type="text">删除</el-button>

                                <el-button type="primary" class="addBtn" size="mini">增加</el-button>
                            </div>
                            <div class="warpBox">
                                <div class="warp clearFix" v-for="item in 15" :key="item">
                                    <div class="articleTitle">
                                        <el-checkbox v-if="isAllChen" style="margin-right: 15px;"></el-checkbox>
                                        <label>家庭作业{{item}}</label>
                                    </div>
                                    <div class="timeBtn">
                                        <label>2025-5-20</label>
                                        <el-button type="primary" plain size="mini" >编辑</el-button>
                                        <el-button type="danger" plain size="mini">删除</el-button>
                                    </div>
                                </div>
                            </div>
                        </div>

                        <div class="block">
                            <el-pagination
                                    background
                                    @size-change="handleSizeChange"
                                    @current-change="handleCurrentChange"
                                    :current-page="currentPage"
                                    :page-sizes="[100, 200, 300, 400]"
                                    :page-size="100"
                                    layout="total, sizes, prev, pager, next, jumper"
                                    :total="400">
                            </el-pagination>
                        </div>

                    </el-tab-pane>
                </el-tabs>
            </el-tab-pane>
            <el-tab-pane label="招生信息" name="admissionsMessage">
                <el-tabs tab-position="left" style="height: 714px;">
                    <el-tab-pane label="招生动态">
                        <div class="classArticle">
                            <div class="title clearFix">
                                <label>招生动态</label>
                                <el-button type="text" @click="isAllChen=true" v-if="!isAllChen">管理文章</el-button>
                                <el-button type="text" v-if="isAllChen" @click="isAllChen=false" style="margin-right: 12px;">退出管理</el-button>

                                <el-checkbox v-if="isAllChen"  :indeterminate="true">全选</el-checkbox>

                                <el-button v-if="isAllChen" type="text">删除</el-button>

                                <el-button type="primary" class="addBtn" size="mini">增加</el-button>
                            </div>
                            <div class="warpBox">
                                <div class="warp clearFix" v-for="item in 15" :key="item">
                                    <div class="articleTitle">
                                        <el-checkbox v-if="isAllChen" style="margin-right: 15px;"></el-checkbox>
                                        <label>家庭作业{{item}}</label>
                                    </div>
                                    <div class="timeBtn">
                                        <label>2025-5-20</label>
                                        <el-button type="primary" plain size="mini" >编辑</el-button>
                                        <el-button type="danger" plain size="mini">删除</el-button>
                                    </div>
                                </div>
                            </div>
                        </div>

                        <div class="block">
                            <el-pagination
                                    background
                                    @size-change="handleSizeChange"
                                    @current-change="handleCurrentChange"
                                    :current-page="currentPage"
                                    :page-sizes="[100, 200, 300, 400]"
                                    :page-size="100"
                                    layout="total, sizes, prev, pager, next, jumper"
                                    :total="400">
                            </el-pagination>
                        </div>

                    </el-tab-pane>
                    <el-tab-pane label="招生简章">

                        <div class="classArticle">
                            <div class="title clearFix">
                                <label>招生简章</label>
                                <el-button type="text" @click="isAllChen=true" v-if="!isAllChen">管理文章</el-button>
                                <el-button type="text" v-if="isAllChen" @click="isAllChen=false" style="margin-right: 12px;">退出管理</el-button>

                                <el-checkbox v-if="isAllChen"  :indeterminate="true">全选</el-checkbox>

                                <el-button v-if="isAllChen" type="text">删除</el-button>

                                <el-button type="primary" class="addBtn" size="mini">增加</el-button>
                            </div>
                            <div class="warpBox">
                                <div class="warp clearFix" v-for="item in 15" :key="item">
                                    <div class="articleTitle">
                                        <el-checkbox v-if="isAllChen" style="margin-right: 15px;"></el-checkbox>
                                        <label>家庭作业{{item}}</label>
                                    </div>
                                    <div class="timeBtn">
                                        <label>2025-5-20</label>
                                        <el-button type="primary" plain size="mini" >编辑</el-button>
                                        <el-button type="danger" plain size="mini">删除</el-button>
                                    </div>
                                </div>
                            </div>
                        </div>

                        <div class="block">
                            <el-pagination
                                    background
                                    @size-change="handleSizeChange"
                                    @current-change="handleCurrentChange"
                                    :current-page="currentPage"
                                    :page-sizes="[100, 200, 300, 400]"
                                    :page-size="100"
                                    layout="total, sizes, prev, pager, next, jumper"
                                    :total="400">
                            </el-pagination>
                        </div>

                    </el-tab-pane>
                </el-tabs>
                <div class="block">
                    <el-pagination
                            background
                            @size-change="handleSizeChange"
                            @current-change="handleCurrentChange"
                            :current-page="currentPage"
                            :page-sizes="[100, 200, 300, 400]"
                            :page-size="100"
                            layout="total, sizes, prev, pager, next, jumper"
                            :total="400">
                    </el-pagination>
                </div>
            </el-tab-pane>

        </el-tabs>

        <!--修改/添加文章 -->
        <el-dialog
                title="修改文章"
                :visible.sync="isEdit"
                width="800px">
            <el-form ref="form" label-width="80px">
                <el-form-item label="标题">
                    <el-input placeholder="请输入标题" v-model="formTitle"></el-input>
                </el-form-item>
                <el-form-item label="内容">
                    <WangEditor :catchData="catchData"></WangEditor>
                </el-form-item>
            </el-form>
            <span slot="footer" class="dialog-footer">
                <el-button type="primary" size="mini" @click="isEdit = false">完 成</el-button>
                <el-button type="primary" size="mini" @click="isEdit = false">保 存</el-button>
            </span>
        </el-dialog>

        <!--新增资源-->
        <el-dialog
                title="新增资源"
                :visible.sync="isResources"
                width="600px">
            <el-form ref="form" v-model="formResources" label-width="80px">
                <el-form-item label="资源文件">
                    <el-input placeholder="请输入标题" v-model="formResources.file"></el-input>
                </el-form-item>
                <el-form-item label="资源类型">
                    <el-select v-model="formResources.type" placeholder="请选择" style="width: 100%;">
                        <el-option label="试卷" value="shanghai"></el-option>
                        <el-option label="试题" value="beijing"></el-option>
                        <el-option label="教案" value="jaoan"></el-option>
                    </el-select>
                </el-form-item>
                <el-form-item label="资源名称">
                    <el-input v-model="formResources.name" placeholder="请输入标题" ></el-input>
                </el-form-item>
            </el-form>
            <span slot="footer" class="dialog-footer">
                <el-button type="primary" size="mini" @click="isResources = false">确 认</el-button>
            </span>
        </el-dialog>

        <!--新增相册-->
        <el-dialog
                title="新增相册"
                :visible.sync="addAlbum"
                width="600px">
            <el-form ref="form" label-width="80px">
                <el-form-item label="相册名称">
                    <el-input placeholder="请输入标题" v-model="albumName"></el-input>
                </el-form-item>
            </el-form>
            <span slot="footer" class="dialog-footer">
                <el-button type="primary" size="mini" @click="addAlbum = false">确定</el-button>
            </span>
        </el-dialog>

        <!--上传相片-->
        <el-dialog
                title="上传照片"
                :visible.sync="uploadPhotos"
                width="690px"
                center>
            <div class="uploadPhotosBox">
                <div class="uploadTo">
                    <label>上传到：</label>
                    <el-select v-model="uploadTo" placeholder="请选择">
                        <el-option label="枯木会逢春" value="shanghai"></el-option>
                        <el-option label="回不去的家乡" value="beijing"></el-option>
                        <el-option label="故乡" value="beijing"></el-option>
                    </el-select>
                </div>
                <div class="uploadList">
                    <el-upload
                            action="https://jsonplaceholder.typicode.com/posts/"
                            list-type="picture-card"
                            :multiple="true"
                            :on-preview="handlePictureCardPreview"
                            :on-remove="handleRemove">
                        <i class="el-icon-plus"></i>
                    </el-upload>
                    <el-dialog :visible.sync="dialogVisible">
                        <img width="100%" :src="dialogImageUrl" alt="">
                    </el-dialog>
                </div>
            </div>

            <span slot="footer" class="dialog-footer">
                <el-button type="primary" size="mini" @click="uploadPhotos = false">上传照片</el-button>
                <el-button type="primary" size="mini" @click="uploadPhotos = false">完成</el-button>
            </span>
        </el-dialog>

    </div>
</template>

<script>
    import WangEditor from '@c/wangeditor/wangeditor'
    export default {
        components:{
            WangEditor
        },
        data(){
            return{
                activeName:'schoolSummarized',
                currentPage: 1,
                formTitle:'',
                formResources:{
                    file:'',
                    type:'',
                    name:''
                },
                albumName:"",
                addAlbum:false,
                isAllChen:false,
                isAlbumEdit:false,
                isShow:false,
                isResources:false,
                isEdit:false,
                imgUrl:[{
                    id:1,
                    src:require('../../assets/img/headportrait01.jpg'),
                },{
                    id:2,
                    src:require('../../assets/img/headportrait03.jpg')
                },{
                    id:3,
                    src:require('../../assets/img/album03.jpg')
                }],
                editorContent:"",
                uploadPhotos:false,
                dialogVisible:false,
                uploadTo:'',
                dialogImageUrl:''
            }
        },
        methods: {
            handleClick(tab, event) {
            },
            handleSizeChange(val) {
            },
            handleCurrentChange(val) {
            },

            handleRemove(file, fileList) {
            },
            handlePictureCardPreview(file) {
                this.dialogImageUrl = file.url;
                this.dialogVisible = true;
            },
            // 富文本
            catchData(edit){
                this.editorContent = edit
            }
        }
    }
</script>

<style lang="scss" scoped>
.schoolManagementListBox{
    width: 81%;
    margin: 0 auto;
    background-color: white;
    box-sizing: border-box;
    padding: 0 15px;
    margin-top: 20px;

    .title{
        text-align: left;
        border-bottom: 1px solid #ccc;
        margin-bottom: 10px;
        label{
            color: #303133;
            margin-right: 15px;
            font-size: 14px;
        }
        .addBtn{
            float: right;
        }
    }

    .classArticle{

        margin-left: 10px;

        .warpBox{
            .warp{
                margin-bottom: 12px;
                .articleTitle{
                    font-size: 14px;
                    color: #303133;
                    float: left;
                }
                .timeBtn{
                    font-size: 12px;
                    color: #909399;
                    float: right;
                    label{
                        margin-right: 12px;
                    }
                }
            }
        }

    }

    .classAlbum{
        .albumWarp{
            margin-top: 10px;
            .albumList{
                float: left;
                width: 192px;
                height: 220px;
                position: relative;
                overflow: hidden;
                margin-right: 10px;
                margin-bottom: 10px;
                .imgBox{
                    width: 192px;
                    height: 192px;
                    position: relative;
                    overflow: hidden;
                    .btnZu{
                        width: 100%;
                        position: absolute;
                        left: 0;
                        bottom: 0;
                        background-color: rgba(255,255,255,.6);
                        box-sizing: border-box;
                        padding: 5px;
                        text-align: left;
                        display: none;
                        .delete{
                            float: right;
                        }

                    }
                }
                label{
                    font-size: 14px;
                    margin-top: 5px;
                    display: block;
                }

            }
            .albumList:hover .btnZu{
                display: block;
            }
        }

        .coverWarp{
            .cover{
                float: left;
                .coverImg{
                    float: left;
                    width: 150px;
                    height: 150px;
                    overflow: hidden;
                    border-radius: 10px;
                }
                .coverName{
                    float: left;
                    margin-left: 10px;
                    label{
                        display: block;
                        font-weight: bold;
                        font-size: 18px;
                        margin-bottom: 20px;
                        margin-top: 35px;
                    }
                }
            }
            .addBtn{
                float: right;
                margin-top: 78px;
            }
        }
    }

    .resourcesWarp{
        box-sizing: border-box;
        padding: 0 20px;
        .resources{
            margin-top: 10px;
            .resourcesList{
                margin-bottom: 10px;
                text-align: left;
                position: relative;
                padding-bottom: 10px;
                border-bottom: 1px solid #ccc;
                .checked{
                    position: absolute;
                    top: 20px;
                    left: 0;
                }
                .typeName{
                    font-size: 16px;
                    margin-left: 30px;
                    color: #303133;
                    span{
                        display: inline-block;
                        box-sizing: border-box;
                        padding: 2px 4px;
                        border: 1px solid #99CCFF;
                        border-radius: 4px;
                        margin-right: 10px;
                    }
                }
                .tiemWarp{
                    font-size: 14px;
                    margin-left: 30px;
                    color: #303133;
                    margin-top: 6px;
                    label{
                        margin-right: 50px;
                        span{
                            margin-left: 10px;
                        }
                    }
                }
                .download{
                    position: absolute;
                    right: 0;
                    top: 15px;
                }
            }
        }
    }

    .block{
        margin: 20px 0;
    }

    ul{
        list-style-type: none;
        margin-block-start: 0;
        margin-block-end: 0;
        padding-inline-start: 0;
    }

    .clearFix::after{
        content: "";
        display: block;
        width: 100%;
        font-size: 0;
        clear: both;
    }
}
.uploadPhotosBox{
    .uploadTo{
        .sizeLeft{
            margin-left: 22px;
        }
    }
    .uploadList{
        margin: 15px 0;
        box-sizing: border-box;
        padding: 5px;
        background-color: #f5f7fa;
    }
    .btn{
        label{
            margin-left: 15px;
        }
    }
}
</style>